import loadingComponent from './loading.vue'
const loading = {
  install (Vue) {
    /*
    注册组件的另一种方式
    Vue.extend()
    使用场景：定义插件时，这个插件需要 控制 html结构且有样式
    组件   实例.$mount().$el 可以得到 组件的html结构
    */
    // 创建了一个 类 new这个类可以创建一个组件
    const LoadingClass = Vue.extend(loadingComponent)
    const loadingCom = new LoadingClass()
    console.log(loadingCom.$mount().$el)
    document.body.appendChild(loadingCom.$mount().$el)
    Vue.prototype.$showLoading = () => {
      // loading显示
      loadingCom.isShow = true
    }
    Vue.prototype.$hideLoading = () => {
      // loading 消失
      loadingCom.isShow = false
    }
  }
}

export default loading
